<!DOCTYPE html>
<html>
<head>
    <title>工种种类设置</title>
    <link rel="stylesheet" type="text/css" href="/lib/bootstrap/css/bootstrap.min.css">
</head>
<body>
    <header>

    </header><!-- /header -->
    
    <div class="right" style="width:1000px;height: 800px;margin-left: 250px;">
		<button class="btn btn-primary" data-toggle="modal" data-target="#addTypeModal">添加职位</button>    	
    		
    	<table class="table table-bordered table-striped table-type">
    		<thead>
    			<tr>
    				<th>序号</th>
    				<th>部门</th>
    				<th>职位名称</th>
    				<th>描述</th>
    				<th>操作</th>
    			</tr>
    		</thead>
    		<tbody>
    			
    		</tbody>
    		
    		
    	</table>
    	<nav>
		  <ul class="pagination">
		    <li class="active"><a href="#">1</a></li>
		    <li><a href="#">2</a></li>
		    <li><a href="#">3</a></li>
		    <li><a href="#">4</a></li>
		    <li><a href="#">5</a></li>
		  </ul>
		</nav>
    
    
    
    
    </div>
	<div class="modal fade" id="addTypeModal" tabindex="-1">
	  <div class="modal-dialog">
	    <div class="modal-content">
	      <div class="modal-header">
	        <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
	        <h4 class="modal-title" id="addPosModalLabel">添加职位</h4>
	      </div>
	      <div class="modal-body">
	      	<div class="alert alert-danger hidden add-pos-error">添加职位有误</div>
	        <form class="form-add-pos">
			  <div class="form-group">
			    <label for="addPosCompany">部门</label>
			    <input type="text" class="form-control" name="department" id="addDepartment" placeholder="请输入公司部门名称" value="">
			  </div>
			  <div class="form-group">
			    <label for="addPosName">职位名称</label>
			    <input type="text" class="form-control" name="profession" id="addProfes" placeholder="请输入职位名称" value="">
			  </div>
			  <div class="form-group">
			    <label for="addPosSalary">描述</label>
			    <input type="text" class="form-control" name="describe" id="addDescri" placeholder="请输入职位描述" value="">
			  </div>
			</form>
	      </div>
	      <div class="modal-footer">
	        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
	        <button type="button" class="btn btn-primary btn-add-pos">添加</button>
	      </div>
	    </div>
	  </div>
	</div>
	
	<div class="modal fade" id="UpdateTypeModal" tabindex="-1">
	  <div class="modal-dialog">
	    <div class="modal-content">
	      <div class="modal-header">
	        <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
	        <h4 class="modal-title" id="addPosModalLabel">修改职位</h4>
	      </div>
	      <div class="modal-body">
	      	<div class="alert alert-danger hidden add-pos-error">修改职位有误</div>
	        <form class="form-update-type">
			  <div class="form-group">
			    <label for="addPosCompany">部门</label>
			    <input type="text" class="form-control" name="department" id="UpdateDepartment" placeholder="请输入公司部门名称" value="">
			  </div>
			  <div class="form-group">
			    <label for="addPosName">职位名称</label>
			    <input type="text" class="form-control" name="profession" id="UpdateProfes" placeholder="请输入职位名称" value="">
			  </div>
			  <div class="form-group">
			    <label for="addPosSalary">描述</label>
			    <input type="text" class="form-control" name="describe" id="UpdateDescri" placeholder="请输入职位描述" value="">
			  </div>
			</form>
	      </div>
	      <div class="modal-footer">
	        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
	        <button type="button" class="btn btn-primary btn-update-type">修改</button>
	      </div>
	    </div>
	  </div>
	</div> 	

    
    
    
    <script src="/lib/jquery/jquery-1.12.4.min.js"></script>
    <script src="/lib/bootstrap/js/bootstrap.min.js"></script>
    <script src="/js/header.js"></script>
    <script src="/js/type.js"></script>
    <script src="/lib/ejs/ejs.min.js"></script>
</body>
</html>
